import React from "react";
import { Accordion, Col, Container, ListGroup, Row, Table } from "react-bootstrap";
import { Link } from "react-router-dom";
import "./index.css";

function Settings(){
    return (<Container fluid id="settings" className="p-1 m-0 ">
            <Accordion defaultActiveKey={"mallsetting"}>
                    <Accordion.Item eventKey="mallsetting">
                        <Accordion.Header>Mall</Accordion.Header>
                        <Accordion.Body>
                            <Table>
                                <tbody>
                                    <tr key={"1"}>
                                        <td>
                                            <Link className="text-primary text-sm" to={"/mall/settings"}>Mall Settings</Link>
                                        </td>
                                        <td>
                                            <Link to={"/mall/settings"}>Material Manage</Link>
                                        </td>
                                        <td>
                                            <Link to={"/mall/settings"}>Product Manage</Link>
                                        </td>
                                        <td>
                                            <Link to={"/mall/settings"}>Article Manage</Link>
                                        </td>
                                    </tr>
                                    <tr key={"2"}>
                                        <td>
                                            <Link to={"/mall/settings"}>Admin User</Link>
                                        </td>
                                        <td colSpan={3}>
                                        </td>
                                    </tr>
                                </tbody>
                            </Table>
                        </Accordion.Body>
                    </Accordion.Item>
                    <Accordion.Item eventKey="metric">
                        <Accordion.Header>Metric</Accordion.Header>
                        <Accordion.Body>
                            <Link to={"/dashboard"}>Dashboard</Link>
                        </Accordion.Body>
                    </Accordion.Item>
                    <Accordion.Item eventKey="article">
                        <Accordion.Header>Article</Accordion.Header>
                        <Accordion.Body>
                            <Link to={"/dashboard"}>Article Manage</Link>
                        </Accordion.Body>
                    </Accordion.Item>
                    <Accordion.Item eventKey="document">
                        <Accordion.Header>Document</Accordion.Header>
                        <Accordion.Body>
                            <Link to={"/document"}>Document Manage</Link>
                        </Accordion.Body>
                    </Accordion.Item>
                    <Accordion.Item eventKey="wxaccount">
                        <Accordion.Header>Integration with WeChat Function</Accordion.Header>
                        <Accordion.Body>
                            <Link to={"/wx/intg"}>Public Account</Link>
                        </Accordion.Body>
                    </Accordion.Item>
                    <Accordion.Item eventKey="sitemaintenance">
                        <Accordion.Header>Site Maintenance</Accordion.Header>
                        <Accordion.Body>
                            <Link to={"/site/maintenance"}>Update Site Legal Info</Link>
                        </Accordion.Body>
                    </Accordion.Item>
            </Accordion>
    </Container>)
}

export default Settings;